<template>
<h3 style="text-align: center">注册</h3>
<table>
    <tr>
        <td>用户名:</td>
        <td>
        <input type="text" v-model="info.Uname" placeholder="请输入用户名">
        </td>
    </tr>
    <tr>
        <td>密码：</td>
        <td>
        <input type="password" v-model="info.Upwd" placeholder="请输入密码">
        </td>
    </tr>
    <tr>
       
        <td colspan="2" style="text-align: center">
        <input type="botton" value="注册" @click="SaveData">
        </td>
    </tr>
</table>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import axios from 'axios'
import { useRouter } from 'vue-router'

const router = useRouter()


//创建响应式数据
const info = ref({
    Uname: "",
    Upwd: ""
});



//注册事件
const SaveData = () => {
    //1.获取用户输入的用户名、密码
    //alert(info.value.Uname + "," + info.value.Upwd)
    if(info.value.Uname == ""){
        alert("用户名不能为空")
        return;
    }
    if(info.value.Upwd == "")
    {
        alert("密码不能为空")
        return;
    }
    
    axios({
        url:"http://localhost:58004/api/Users/UserRegister",
        method:"post",
        data:{
            UL_Name: info.value.Uname,
            UL_Pwd: info.value.Upwd
        }
    })
    .then(function(res){
        console.log(res.data);
        if(res.data > 0){
            alert("注册成功");
            router.push("/SelUser");
        }
        else if(res.data==-1){
            alert("用户名不存在");
        }
        else{
            alert("注册失败");
        }
    })
    .catch(function(error){
        console.log(error);
    })

//     //2.发送ajax请求
//     axios.get('')
//     .then(function(res){
//         //2.1获取响应结果
//         var result = res.data;
//         //2.2根据响应结果，给出提示信息
//         if(result.code == 1){
//             alert("注册成功");
//         }else{
//             alert("注册失败");
//         }
//     })
//     .catch(function(error){
//         alert(error);
//     })
//     //3.根据响应结果，给出提示信息
 }


</script>
